$(function () {
    $("#dept_datagrid").datagrid({
        fit:true,
        url:"/department/list",
        fitColumns:true,
        pagination:true,//分页
        singleSelect:true,
        rownumbers:true,
        striped:true,//斑马线
        //为true,只允许选择一行
        singleSelect:true,
        toolbar:"#tb",
        columns:[[
            {field:"x",checkbox:true},            //设置复选框
            {field:"id",title:"编号",hidden:true}, //为id设置隐藏域
            {field:"sn",title:"编码",width:100},
            {field:"name",title:"部门名称",width:100},
            {field:"state",title:"状态",width:100,formatter:function(value,row,index){
                return value ? "<p color='green'>在用</p>":"<p color='red'>停用</p>";
            }}
        ]],
        //添加行点击事件:根据部门的状态修改在用/停用按钮的显示
        onClickRow:function(index,row){
            if (row.state==1){
                $("#change_btn").linkbutton({
                    text:"<p color='red'>停用</p>"
                })
            }else{
                $("#change_btn").linkbutton({
                    text: "<p color='green'>在用</p>"
                })
            }
        }
    });
    //end-dept_datagrid
    $("#dept_dialog").dialog({
        width:400,
        height:350,
        closable:true, //可以关闭
        closed:true, //默认是关闭的
        buttons:"#bb" //添加底部的保存|取消的按钮
    })
})

//添加
function add(){
    //由于添加和编辑公用一个对话框,所以需要事先将对话框中form表单的内容清空
    $("#editForm").form("clear");
    //打开对话框
    $("#dept_dialog").dialog("open");
    //将其标题设置为添加
    $("#dept_dialog").dialog("setTitle","部门添加");
}

//编辑
function edit(){
    //获取表格中选中的那一行数据
    var row = $("#dept_datagrid").datagrid("getSelected");
    if (!row){
        $.messager.alert("温馨提示","请选择要编辑的数据");
        return;
    }
    //清空form表单的数据
    $("#editForm").form("clear");
    //部门 的数据要手动设置
    if(row.dept){
    row["dept.id"] = row.dept.id;
    }
    $("#editForm").form("load",row);
    $("#dept_dialog").dialog("open");
    $("#dept_dialog").dialog("setTitle","部门编辑");
}

//保存
function save(){
    //先获取部门的id
    var id = $("#deptId").val();
    var url = "/department/save";
    //判断id,如果有值,说明是在编辑
    if (id){
        url="/department/update";
    }
    //
    $("#editForm").form("submit",{
        url:url,
        success:function(data){
        var json = $.parseJSON(data);
        if(!json.success){
            $.messager.alert("温馨提示",json.msg);
        }else{
            $.messager.alert("温馨提示","保存成功");
            //关闭对话框
            $("#dept_dialog").dialog("close");
            //刷新表格数据
            $("#dept_datagrid").datagrid("load");
        }}
    });
}

//更改部门状态state
function changeState(){
    var row = $("#dept_datagrid").datagrid("getSelected");
    if (!row){
        $.messager.alert("温馨提示","请选择要更改状态的数据");
        return;
    }
    $.messager.confirm('确认','您确认要执行这个操作吗?',function(r){
        if (r){
            //发起请求修改状态
            $.get("/department/changeState",{id:row.id},function(data){
                if (data.success){
                    $("#dept_datagrid").datagrid("load");
                }else{
                    $.messager.alert("温馨提示",data.msg);
                }
            })
        }
    })
}

//刷新
function reload(){
    $("#dept_datagrid").datagrid("load");
}

//取消
function cancel(){
    $("#dept_dialog").dialog("close");
}